﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Calculator</title>
    <style type="text/css">
    .input
    {
        border:1px soild #9D9D9D;
        text-align:right;
        width:235;
        height:21px;
        }
    .buttons{
        margin: 1px;
        height: 29px;
    }
    .button{
        float:left;
        margin:2px;
        border:1px soild #BEBEBE;
        width:34px;
        color:blue;
        }
    </style>
    <script type="text/javascript" src="JScript.js"></script>

    
</head>
<body>
    <table>
    <tr>
    <th colspan ="4"> <input id="text" class ="input" type="text" readonly="readonly" value="0"/></th>
    </tr>
    <tr>
    <td>
        <div class= "buttons">
        <input id="Button7" class="button" type="button" value="7" onclick="Digit('7')"/>
        <input id="Button8" class="button" type="button" value="8" onclick="Digit('8')"/>
        <input id="Button9" class="button" type="button" value="9" onclick="Digit('9'))"/>
        <input id="Button/" class="button" type="button" value="/" onclick="Op('/')"/></div></td>
    </tr>
    <tr>
    <td>
        <div class= "buttons">
        <input id="Button4" class="button" type="button" value="4" onclick="Digit('4')"/>
        <input id="Button5" class="button" type="button" value="5" onclick="Digit('5')"/>
        <input id="Button6" class="button" type="button" value="6" onclick="Digit('6')"/>
        <input id="Buttonx" class="button" type="button" value="X" onclick="Op('x')"/></div></td>
    </tr>
    <tr>
    <td>
        <div class= "buttons">
        <input id="Button1" class="button" type="button" value="1" onclick="Digit('1')" />
        <input id="Button2" class="button" type="button" value="2" onclick="Digit('2')"/>
        <input id="Button3" class="button" type="button" value="3" onclick="Digit('3')"/>
        <input id="Buttonmin" class="button" type="button" value="-" onclick="Op('-')"/></div></td>
    </tr>
    <tr>
    <td>
        <div class= "buttons">
        <input id="Button0" class="button" type="button" value="0" onclick="Digit('0')"/>
        <input id="ButtonDot" class="button" type="button" value="." onclick="Dot()" />
        <input id="ButtonEq" class="button" type="button" value="=" onclick="Equals()"/>
        <input id="ButtonPlus" class="button" type="button" value="+" onclick="Op('+')"/></div></td>
    </tr>
    <tr><td><input id="ButtonC" class="button" type="button" value="C" onclick="Clear()"/></td></tr>
    </table>
</body>
</html>

